<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>all gauges</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

<!-- Bootstrap -->
<link href="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/initialization.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/allGauges.css?01" rel="stylesheet">

</head>
<body>
	<div class="containter-fluid">
		<table class="user-table table table-bordered table-striped table-hover">
			<thead id="user_thead">
				<tr id=user_head_row>
					<th>序号</th>
					<th id="th_username" class="user-th">用户名<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_name" class="user-th">姓名<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_employeeNum" class="user-th">工号<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_department" class="user-th">部门<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_sex" class="user-th">性别<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_birthday" class="user-th">生日<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_phoneNum" class="user-th">联系电话<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_email" class="user-th">email<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_registerTime" class="user-th">注册时间<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th_operation" class="user-th">操作<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>

				</tr>
			</thead>
			<tbody id="tbody-allUsers">
				<tr>
					<td id="td_orderNum">1</td>
					<td id="td_username">lsk3800</td>
					<td id="td_name">邓金玲</td>
					<td id="td_employeeNum">10605227</td>
					<td id="td_department">生产部C</td>
					<td id="td_sex">男</td>
					<td id="td_birthday">2019-08-22</td>
					<td id="td_phoneNum">18680676065</td>
					<td id="td_email">xf3800@qq.com</td>
					<td id="td_registerTime">2019-08-22</td>
					<td id="td_operation">删除</td>
				</tr>
			</tbody>

		</table>


	</div>



	<!-- 分页 -->
	<div class="container bottom_pagination">
		<nav aria-label="Page navigation">
			<ul class="pagination" id="pagination">


			</ul>
		</nav>
	</div>




	<select class="form-control" id="dropList" style="display: none;">
		<option value="volvo"></option>

	</select>






	<div id="search_input">
		<div class="row">
			<div class="col-md-8">
				<input class="form-control" id="search_input_box" placeholder="">
			</div>
			<div class="col-md-4">
				<button type="button" id="search_input_button" class="btn btn-primary">OK</button>
			</div>
		</div>
	</div>




	<div id="search_date">
		开始日期:<input type="date" class="form-control" id="search_date_start"> 结束日期:<input type="date" class="form-control" id="search_date_end">
		<button class="btn btn-primary" id="search_date_button">确定</button>
	</div>



	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="http://static.ginage.com/gauge/js/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
	<script src="http://static.ginage.com/gauge/js/userManager.js"></script>
</body>
</html>